<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>外科</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../../js/init.js"></script>
		<link rel="stylesheet" href="../../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<script type="text/javascript" src="../../font/iconfont.js"></script>
		<style type="text/css">
			#contains {
				font-size: 0.24rem;
				color: #666;
				background-color: #fff;
			}
			
			#contains .contain {
				border-bottom: 1px solid #e8e8e8;
				background-color: #fff;
				position: relative;
				margin-left: 0.2rem;
			}
			
			#contains .contain .hasNum {
				position: absolute;
				top: 0.5rem;
				right: 0.3rem;
				width: 0.64rem;
				height: 0.28rem;
				line-height: 0.28rem;
				font-size: 0.22rem;
				background-color: #428bca;
				border-radius: 0.14rem;
				color: #fff;
				text-align: center;
			}
			#contains .contain .NoNum {
				position: absolute;
				top: 0.5rem;
				right: 0.3rem;
				width: 0.64rem;
				height: 0.28rem;
				line-height: 0.28rem;
				font-size: 0.22rem;
				background-color: #fff;
				border-radius: 0.14rem;
				color: #999;
				text-align: center;
				border:1px solid #d2d2d2;
			}
			#contains .contain img {
				width: 1.08rem;
				height: 1.08rem;
				position: absolute;
				top: 0.22rem;
				left: 0rem;
			}
			
			#contains .contain .one {
				margin-left: 1.3rem;
				height: 0.46rem;
				line-height: 0.46rem;
				padding-top: 0.04rem;
			}
			
			#contains .contain .one .doctorName {
				font-size: 0.3rem;
				color: #333;
			}
			
			#contains .contain .two {
				margin-left: 1.3rem;
				padding-bottom: 0.06rem;
				border-bottom: 1px solid #e8e8e8;
				height: 0.4rem;
				line-height: 0.4rem;
			}
			
			#contains .contain .three {
				margin-left: 1.3rem;
				line-height: 0.64rem;
				height: 0.64rem;
			}
		</style>
	</head>

	<body>
		<header>
			<span></span>
			<text class="title">外科</text>
			<text class="iconfont icon-llmainpageback" id="back"></text>
			<text class="iconfont icon-iconfontclosesmall"></text>
			<text class="iconfont icon-gengduo"></text>
		</header>
		<div style="background-color: #f6f6f6;height: 0.22rem;border-bottom: 1px solid #e8e8e8;"></div>
		<section id="contains">
			<div class="contain" id="register" onclick="">
				<text class="NoNum">无号</text>
				<img src="../../images/photo.png"/>
				<div class="one">
					<text class="doctorName">炮哥</text><text class="department">（主任医师 外科）</text>
				</div>
				<div class="two">
					挂号费用：<text class="registrationFee">9元</text>
				</div>
				<div class="three">
					擅长疾病：<text class="diseases">擅长肠胃道肿瘤和骨软组织肿瘤的规范...</text>
				</div>
			</div>
		</section>
	</body>
	<script type="text/javascript">
		var contain = document.getElementById("contains");
		console.log(contain)
		for(var i = 0; i < 2; i++) {
			contain.innerHTML += '<div class="contain">' +
				'<text class="hasNum">有号</text>' +
				'<img src="../../images/photo.png"></img>' +
				'<div class="one">' +
				'<text class="doctorName">炮哥</text><text class="department">（主任医师 外科）</text>' +
				'</div>' +
				'<div class="two">' +
				'挂号费用：<text class="registrationFee">9元</text>' +
				' </div>' +
				' <div class="three">' +
				'擅长疾病：<text class="diseases">擅长肠胃道肿瘤和骨软组织肿瘤的规范...</text>' +
				'</div>' +
				'</div>'
		}

		document.getElementById("register").onclick = function() {
			console.log("haha")
			window.location.href = "todayConfirmRegistration.html?backurl=" + window.location.href;
		};
		document.getElementById("back").onclick = function(){
			window.history.back(-1);
		}
	</script>

</html>